<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 导入阿里的图标样式文件 -->
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<script>
    function dep() {
        document.getElementById("aaa").src = 'dep_list.jsp';
    }

    function emp() {
        document.getElementById("aaa").src = 'Emplist.jsp';
    }

    function emp_add() {
        document.getElementById("aaa").src = 'emp_add.jsp';
    }

    function emp_Search() {
        document.getElementById("aaa").src = 'seachResult.jsp';
    }
</script>

<body>
    <div class="content">
        <div class="menu-box">

            <!-- 展示与隐藏侧边栏 结束-->
            <div class="menu">
                <!-- 侧边栏的标题 开始-->
                <div class="menu-title">
                    <h1>Menu</h1>
                </div>
                <!-- 侧边栏的标题 结束-->

                <!-- 每一项导航 -->
                <div class="menu-item">

                    <label for="menu-item">
                        <i class="menu-item-icon iconfont icon-a-01-shujuzhongxin"></i>
                        <span>公司主页</span>
                    </label>
                </div>
                <div class="menu-item">
                    <input type="checkbox" id="menu-item2">
                    <label for="menu-item2">
                        <i class="menu-item-icon iconfont icon-a-02-kechengguanli"></i>
                        <span onclick="dep()">部门管理</span>
                    </label>
                </div>

                <div class="menu-item">
                    <input type="checkbox" id="menu-item3">
                    <label for="menu-item3">
                        <i class="menu-item-icon iconfont icon-a-04-zixunfabu"></i>
                        <span onclick="emp()">员工管理</span>
                        <i class="menu-item-last iconfont icon-down"></i>
                    </label>
                    <div class="menu-content">
                        <span onclick="emp_add()">新增员工</span>
                        <span onclick="">修改信息</span>
                        <span onclick="emp_Search()">查询员工</span>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="frame">
        <iframe id="aaa" src="Emplist.jsp" frameborder="0"></iframe>
    </div>
</body>

</html>